<template>
  <div>
    <h1>{{msg}}</h1>
    <h2>姓名：{{name}}</h2>
    <h2>年龄：{{myAge+1}}</h2>
    <h2>性别：{{sex}}</h2>
    <button @click="updateAge">点我修改年龄</button>
  </div>
</template>

<script>
export default {
    name:'Student',
    data(){
        return {
            msg:'我是一个尚硅谷的学生',
           myAge: this.age
        }
    },
    methods:{
        updateAge(){
            this.myAge++
        }
    },

    // props:['name', 'sex', 'age']

    // props:{
    //     name:String,
    //     sex:String,
    //     age:Number
    // }

    props:{
        name:{
            type:String,
            required:true
        },
        sex:{
            type:String,
            required:true
        },
        age:{
            type:Number,
            default:99
        }
    }
}
</script>

<style>

</style>